<template>
	<view class="screen">
		<image v-if="type!=1" :src="imageList[0]" mode=""></image>
		<image v-else :src="imageList[1]" mode=""></image>
		<image v-if="type!=2" :src="imageList[2]" mode=""></image>
		<image v-else :src="imageList[3]" mode=""></image>
	</view>
</template>

<script>
	export default {
		name:"screen",
		props: {
			type: {
				type: Number,
				default: 0,//0，没有选中 1 上 2下 
			},
		},
		data() {
			return {
				imageList:[
					'https://pili-vod.guanxikeji.com/moban/img/1717656037875.png',
					'https://pili-vod.guanxikeji.com/moban/img/1717656045470.png',
					'https://pili-vod.guanxikeji.com/moban/img/1717656052820.png',
					'https://pili-vod.guanxikeji.com/moban/img/1717656059670.png',
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
.screen{
	width: 8px;
	height: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	margin-left: 10px;
	image{
		width: 8px;
		height: 5px;
	}
}
</style>